<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Jekas  - Software, Studio and Corporate Responsive Template</title>    
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    
    <!-- Your styles -->
    <link href="css/style.css" rel="stylesheet" media="screen">

     <!-- Favicons
    ================================================== -->
    <link rel="shortcut icon" href="img/icons/favicon.ico">
    <link rel="apple-touch-icon" href="img/icons/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="img/icons/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="img/icons/apple-touch-icon-114x114.png">    

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- styles for IE -->
    <!--[if lte IE 8]>
    <link rel="stylesheet" href="css/ie/ie.css" type="text/css" media="screen" />
    <![endif]-->
   
  </head>
  <body> 
    <div class="container wraper">
        <!-- Header-->
        <header class="section_title">            
            <!-- nav_logo-->
            <div class="nav_logo animated fadeInDown delay1">            
                <div class="container">
                    <div class="row-fluid">

                        <!-- Logo-->
                        <div class="span3 logo">
                            <a href="index.html" title="Back to Home">                            
                                <img src="img/logo.png" alt="Logo">
                            </a>
                        </div>
                        <!-- End Logo-->
                                                      
                        <!-- Nav-->
                        <nav class="span9">
                            <!-- Menu-->
                            <ul id="menu" class="sf-menu">
                                <li>
                                    <a href="index.html">HOME</a>
                                    <ul>                                  
                                        <li><a href="index.html">Camera Slider</a></li>
                                        <li><a href="index_static.html">Static Header</a></li>
                                    </ul>
                                </li>
                                <li><a href="about.html">ABOUT</a></li>
                                <li><a href="services.html">SERVICES</a></li>
                                <li>
                                    <a href="work.html">WORK</a>
                                    <ul>                                  
                                        <li><a href="work3.html">3 Columns</a></li>
                                        <li><a href="work.html">4 Columns</a></li>
                                        <li><a href="single_work.html">Single Work</a></li>
                                    </ul>
                                </li>
                                 <li>
                                    <a href="blog.html">BLOG</a>
                                    <ul>                                  
                                        <li><a href="blog.html">Post</a></li>
                                        <li><a href="single_post.html">Single Post</a></li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="tables_princing.html">FEATURES</a>
                                    <ul>                                  
                                        <li><a href="tables_princing.html">Princing Tables</a></li>
                                        <li><a href="grid.html">Grind System</a></li>
                                        <li><a href="typograpy.html">Tipograpy</a></li>
                                        <li><a href="icons.html">Icons</a></li>
                                        <li><a href="elements.html">Elements</a></li>
                                    </ul>
                                </li>                                                        
                                <li><a href="contact.html">CONTACT</a></li>
                            </ul>
                            <!-- End Menu-->
                        </nav>
                        <!-- End Nav-->
                                                 
                    </div>
                </div>
            </div>
            <!-- End nav_logo-->

            <!-- Info section Title-->
            <div class="container">
                <div class="row-fluid animated fadeInUp delay1">
                    <div class="span5">
                        <h1>Tables Pincing</h1>
                    </div>
                    <div class="span7">                        
                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac.</p>
                    </div>
                </div>
            </div>            
            <!-- End Info section Title--> 

        </header>
        <!-- End Header-->

        <!-- crumbs-->
        <div class="crumbs border_bottom">
            <div class="container">
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li>/</li>
                    <li>Features</li>
                    <li>/</li>
                    <li>Tables Pincing</li>                                       
                </ul>
            </div>        
        </div>
        <!-- End crumbs-->

        <!-- End content info -->
        <section class="content_info">
            
            <!-- Info title-->
            <div class="row-fluid info_title animated fadeInUp delay2">
                <div class="vertical_line">
                    <div class="circle_top"></div>
                </div>
                <div class="info_vertical">
                    <h2>Tables Pincing.</h2>
                    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>                    
                </div>
                <div class="vertical_line"></div>

                <i class="icon-usd right"></i>
            </div>
            <!-- End Info title-->
            
            <!-- Tables-->
            <section class="info_resalt borders">
                <div class="container">
                    <div class="row-fluid">
                        <div class="tables">
                            <!-- Item table -->
                            <div class="span3">
                                <div class="item_table">
                                    <div class="head_table"> 
                                        <h1>BASIC</h1>
                                        <h2>$ 13,99  <span>/ Mo</span></h2>
                                        <h5>Or  $ 150.5 Yearly!</h5>                                
                                        <span class="arrow_table"></span>
                                    </div>
                                    <ul>  
                                        <li class="color"><i class="icon-check"></i> Styled elements</li>
                                        <li><i class="icon-check"></i> Advanced admin</li>
                                        <li class="color"><i class="icon-check"></i> Up to 10 users</li>
                                        <li><i class="icon-check"></i> Email Marketing</li>
                                        <li class="color"><i class="icon-check"></i> 3 Users License</li>
                                    </ul> 
                                    <a href="#" class="button">Order Now</a>                            
                                </div>
                            </div>
                            <!-- End Item table -->

                            <!-- Item table -->
                            <div class="span3">
                                <div class="item_table">
                                    <div class="head_table"> 
                                        <span class="arrow_table"></span>                               
                                        <h1>MEDIUM</h1>
                                        <h2>$ 13,99  <span>/ Mo</span></h2>
                                        <h5>Or  $ 150.5 Yearly!</h5>                                
                                    </div>
                                    <ul>  
                                        <li class="color"><i class="icon-check"></i>Styled elements</li>
                                        <li><i class="icon-check"></i>Advanced admin</li>
                                        <li class="color"><i class="icon-check"></i>Up to 10 users</li>
                                        <li><i class="icon-check"></i>Email Marketing</li>
                                        <li class="color"><i class="icon-check"></i>3 Users License</li>
                                    </ul> 
                                    <a href="#" class="button">Order Now</a>                            
                                </div>
                            </div>
                            <!-- End Item table -->

                            <!-- Item table -->
                            <div class="span3">
                                <div class="item_table">
                                    <div class="head_table"> 
                                        <span class="arrow_table"></span>                               
                                        <h1>PREMIUM</h1>
                                        <h2>$ 13,99  <span>/ Mo</span></h2>
                                        <h5>Or  $ 150.5 Yearly!</h5>                                
                                    </div>
                                    <ul>  
                                        <li class="color"><i class="icon-check"></i>Styled elements</li>
                                        <li><i class="icon-check"></i>Advanced admin</li>
                                        <li class="color"><i class="icon-check"></i>Up to 10 users</li>
                                        <li><i class="icon-check"></i>Email Marketing</li>
                                        <li class="color"><i class="icon-check"></i>3 Users License</li>
                                    </ul> 
                                    <a href="#" class="button">Order Now</a>                            
                                </div>
                            </div>
                            <!-- End Item table -->

                            <!-- Item table -->
                            <div class="span3">
                                <div class="item_table">
                                    <div class="head_table"> 
                                        <span class="arrow_table"></span>                               
                                        <h1>ADVANCE</h1>
                                        <h2>$ 13,99  <span>/ Mo</span></h2>
                                        <h5>Or  $ 150.5 Yearly!</h5>                                
                                    </div>
                                    <ul>  
                                        <li class="color"><i class="icon-check"></i>Styled elements</li>
                                        <li><i class="icon-check"></i>Advanced admin</li>
                                        <li class="color"><i class="icon-check"></i>Up to 10 users</li>
                                        <li><i class="icon-check"></i>Email Marketing</li>
                                        <li class="color"><i class="icon-check"></i>3 Users License</li>
                                    </ul> 
                                    <a href="#" class="button">Order Now</a>                            
                                </div>
                            </div>
                            <!-- End Item table -->
                        </div>

                    </div>
                </div>
            </section>   
            <!-- End Tables-->       

            <!-- Info title-->
            <div class="row-fluid info_title">
                <div class="vertical_line">
                    <div class="circle_bottom"></div>
                </div>
                <div class="info_vertical">
                    <h2>The best promotions.</h2>
                    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet ante.</p>                    
                </div>
                <div class="vertical_line"></div>

                <i class="icon-gift left"></i>
            </div>
            <!-- End Info title-->
            
            <!-- Tables-->
            <section class="info_resalt borders">
                <div class="container">
                    <div class="row-fluid padding_top">
                        <div class="tables">
                        <!-- Item table -->
                          <div class="span4">
                              <div class="item_table">
                                  <div class="head_table"> 
                                        <span class="arrow_table"></span>                               
                                        <h1>ADVANCE</h1>
                                        <h2>$ 13,99  <span>/ Mo</span></h2>
                                        <h5>Or  $ 150.5 Yearly!</h5>                                
                                    </div>
                                    <ul>  
                                        <li class="color"><i class="icon-check"></i>Styled elements</li>
                                        <li><i class="icon-check"></i>Advanced admin</li>
                                        <li class="color"><i class="icon-check"></i>Up to 10 users</li>
                                        <li><i class="icon-check"></i>Email Marketing</li>
                                        <li class="color"><i class="icon-check"></i>3 Users License</li>
                                    </ul> 
                                    <a href="#" class="button">Order Now</a> 
                              </div>
                          </div>
                          <!-- End Item table -->
                          
                          <!-- Item table -->
                          <div class="span4">
                              <div class="item_table promotion_table">
                                  <div class="head_table">
                                      <span class="arrow_table"></span>
                                        <h1>ADVANCE</h1>
                                        <h2>$ 13,99  <span>/ Mo</span></h2>
                                        <h5>Or  $ 150.5 Yearly!</h5> 
                                  </div>
                                  <ul>  
                                        <li class="color"><i class="icon-check"></i>Styled elements</li>
                                        <li><i class="icon-check"></i>Advanced admin</li>
                                        <li class="color"><i class="icon-check"></i>Up to 10 users</li>
                                        <li><i class="icon-check"></i>Email Marketing</li>
                                        <li class="color"><i class="icon-check"></i>3 Users License</li>
                                        <li><i class="icon-check"></i>Email Support</li>
                                  </ul> 
                                  <a href="#" class="button">Order Now</a>
                              </div>
                          </div>
                          <!-- End Item table -->

                          <!-- Item table -->
                          <div class="span4">
                              <div class="item_table">
                                  <div class="head_table"> 
                                        <span class="arrow_table"></span>                               
                                        <h1>ADVANCE</h1>
                                        <h2>$ 13,99  <span>/ Mo</span></h2>
                                        <h5>Or  $ 150.5 Yearly!</h5>                                
                                    </div>
                                    <ul>  
                                        <li class="color"><i class="icon-check"></i>Styled elements</li>
                                        <li><i class="icon-check"></i>Advanced admin</li>
                                        <li class="color"><i class="icon-check"></i>Up to 10 users</li>
                                        <li><i class="icon-check"></i>Email Marketing</li>
                                        <li class="color"><i class="icon-check"></i>3 Users License</li>
                                    </ul> 
                                    <a href="#" class="button">Order Now</a> 
                              </div>
                          </div>
                          <!-- End Item table -->
                        </div>
                    </div>
                </div>
            </section>   
            <!-- End Tables-->       

            
            <!-- Info title-->
            <div class="row-fluid info_title">
                <div class="vertical_line">
                    <div class="circle_bottom"></div>
                </div>
                <div class="info_vertical" id="scale-it">
                    <h2>Our Sponsors</h2>
                    <p>“Sollemnes wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip consequat.”</p>
                </div>
                <div class="vertical_line"></div>

                <i class="icon-tablet right"></i>
            </div>
            <!-- End Info title-->


            <!-- Sponsors-->
            <section class="info_resalt border_top">
                <div class="container">
                    <div class="row-fluid">
                        <div class="sponsors" id="sponsors">     
                            <ul class="slides">
                                <li>
                                    <a href="#"  class="tooltip_hover" title="Name Sponsor"><img src="img/sponsors/1.png" alt="Image"></a>
                                </li>
                                 <li>
                                    <a href="#"  class="tooltip_hover" title="Name Sponsor"><img src="img/sponsors/2.png" alt="Image"></a>
                                </li>
                                 <li>
                                    <a href="#"  class="tooltip_hover" title="Name Sponsor"><img src="img/sponsors/3.png" alt="Image"></a>
                                </li>
                                 <li>
                                    <a href="#"  class="tooltip_hover" title="Name Sponsor"><img src="img/sponsors/4.png" alt="Image"></a>
                                </li>
                                 <li>
                                    <a href="#"  class="tooltip_hover" title="Name Sponsor"><img src="img/sponsors/5.png" alt="Image"></a>
                                </li>
                                 <li>
                                    <a href="#"  class="tooltip_hover" title="Name Sponsor"><img src="img/sponsors/1.png" alt="Image"></a>
                                </li>
                                 <li>
                                    <a href="#"  class="tooltip_hover" title="Name Sponsor"><img src="img/sponsors/2.png" alt="Image"></a>
                                </li>
                                 <li>
                                    <a href="#"  class="tooltip_hover" title="Name Sponsor"><img src="img/sponsors/5.png" alt="Image"></a>
                                </li>
                                 <li>
                                    <a href="#"  class="tooltip_hover" title="Name Sponsor"><img src="img/sponsors/4.png" alt="Image"></a>
                                </li>                                
                                 <li>
                                    <a href="#"  class="tooltip_hover" title="Name Sponsor"><img src="img/sponsors/3.png" alt="Image"></a>
                                </li>
                                 <li>
                                    <a href="#"  class="tooltip_hover" title="Name Sponsor"><img src="img/sponsors/2.png" alt="Image"></a>
                                </li>
                                 <li>
                                    <a href="#"  class="tooltip_hover" title="Name Sponsor"><img src="img/sponsors/5.png" alt="Image"></a>
                                </li>
                            </ul> 
                        </div>                      
                    </div>                  
                </div> 
            </section>  
            <!-- End Sponsors--> 

        </section>
        <!-- End content info-->

        <!-- footer-->
        <footer>
            <div class="container">
                <div class="row-fluid">
                    
                    <!-- Follow Us-->
                    <div class="span2">
                        <h3>FOLLOW US</h3>
                        <ul class="social">
                            <li class="facebook"><span><i class="icon-facebook"></i></span><a href="#">Facebook</a></li>
                            <li class="twitter"><span><i class="icon-twitter"></i></span><a href="#">Twitter</a></li>
                            <li class="github"><span><i class="icon-github"></i></span><a href="#">Github</a></li>
                            <li class="linkedin"><span><i class="icon-linkedin"></i></span><a href="#">Linkedin</a></li>
                        </ul>
                    </div>
                    <!-- End Follow Us-->
                    
                    <!-- Recent links-->
                    <div class="span2">
                        <h3>RECENT LINKS</h3>
                        <ul>
                            <li><a href="#">Work</a></li>
                            <li><a href="#">About Us</a></li>
                            <li><a href="#">Services</a></li>
                            <li><a href="#">Contact Us</a></li>
                        </ul>
                    </div>
                    <!-- End Recent links-->

                    <!-- End Company-->
                    <div class="span2">
                        <h3>COMPANY</h3>
                        <ul>
                            <li><a href="#">Work</a></li>
                            <li><a href="#">About Us</a></li>
                            <li><a href="#">Services</a></li>
                            <li><a href="#">Contact Us</a></li>
                        </ul>
                    </div>
                    <!-- Company-->

                    <!-- Newsletter-->
                    <div class="span3">
                         <h3>NEWSLETTER SIGN UP</h3>  
                         <form>                    
                              <div class="input-prepend">
                                    <span class="add-on"><i class="icon-align-left"></i></span>                      
                                    <input type="text" required="" placeholder="Your Name">
                              </div>

                              <div class="input-prepend">
                                    <span class="add-on"><i class="icon-envelope"></i></span>                      
                                    <input type="email" required="" placeholder="Your Email">
                              </div>                    
                              
                              <input type="submit" value="Send" class="button">
                          </form>                      
                    </div>
                    <!-- end Newsletter-->

                    <!-- Contact Us-->
                    <div class="span3">
                       <h3>CONTACT US</h3>
                       <ul class="contact_footer">
                            <li>
                                <i class="icon-envelope"></i> <a href="#">example@example.com</a>
                            </li>
                            <li>
                                <i class="icon-headphones"></i> <a href="#">55-5698-4589</a>
                             </li>
                            <li class="location">
                                <i class="icon-home"></i> <a href="#"> Av new stret - New York</a>
                            </li>                                   
                        </ul>
                    </div>
                    <!-- Contact Us-->

                </div>
            </div>
        </footer>      
        <!-- End footer-->

        <!-- footer-->
        <footer class="coopring">
            <p>&copy; 2013 Jekas. All Rights Reserved.</p>
        </footer>      
        <!-- End footer-->
    </div>
   
        <!-- ======================= JQuery libs =========================== -->
        <!-- Always latest version of jQuery-->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>   
        <!-- jQuery local-->      
        <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
        <!-- jQuery ui-->    
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>
        <!--Nav-->
        <script type="text/javascript" src="js/nav/tinynav.js"></script> 
        <script type="text/javascript" src="js/nav/superfish.js"></script>                                             
        <!--Totop-->
        <script type="text/javascript" src="js/totop/jquery.ui.totop.js" ></script>  
        <!--Slide-->
        <script type="text/javascript" src="js/slide/camera.js" ></script>      
        <script type='text/javascript' src='js/slide/jquery.easing.1.3.min.js'></script>   
        <!--flexsilider-->
        <script type="text/javascript" src="js/carousel/jquery.flexslider.js"></script>    
        <!--Ligbox--> 
        <script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.1.js"></script>  
        <!--Scrollama--> 
        <script type="text/javascript" src="js/scrollama/TweenMax.min.js"></script>
        <script type="text/javascript" src="js/scrollama/jquery.superscrollorama.js"></script>    
        <!--Gallery Grid--> 
        <script type="text/javascript" src="js/gallery/modernizr.custom.26633.js"></script>
        <script type="text/javascript" src="js/gallery/jquery.gridrotator.js"></script>     
        <!--Minislider Team-->         
        <script type="text/javascript" src="js/team/modernizr.custom.63321.js"></script>
        <script type="text/javascript" src="js/team/jquery.catslider.js"></script> 
        <!--Filters-->
        <script type="text/javascript" src="js/filters/filters.js" ></script>                            
        <!-- Bootstrap.js-->
        <script type="text/javascript" src="js/bootstrap/bootstrap.js"></script>
        <!--fUNCTIONS-->
        <script type="text/javascript" src="js/jquery-func.js"></script>
        <!-- ======================= End JQuery libs =========================== -->


  </body>
</html>